.container {
}

/* nav导航栏 */ 
.nav {
	@include flex-box($jcsa, center)
	@include wh(750rpx, 85rpx)
	position: relative;
	background: $white_color;
	padding: 0 25rpx;
	
	&__item {
		flex: 1;
		@include flex-box();
	}
	
	&__bottom {
		@include bg-style($bg_color, null, null, 4rpx);
		@include pos-a(90rpx, 8rpx, bottom, left, 0, 0)
		transition: .3s all ease-in-out;
	}
	
	.--focus {
		color: $green_color;
	}
}

/* 订单列表 */ 
.content {
	padding: 0 25rpx;
}

.list {
	margin-top: 36rpx;
	width: 700rpx;
	height: 116rpx;
	border-radius: 10rpx;
	position: relative;
	&__title {
		position: absolute;
		left: 73rpx;
		top: 22rpx;
		font-size: 50rpx;
		font-weight: bold;
	}
	.can_use {
		background-image:-webkit-linear-gradient(90deg, #FE3A00 0%, #FDB103 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
	.no_use {
		color: #BFBFBF;
	}
	
	&__btn {
		@include round-btn-style($white_color, 160rpx, 44rpx);
		@include pos-a(null, null, top, right, 20rpx, 43rpx);
		color: $orage_color;
	}
	.no_use_btn {
		color: #A5A5A5;
		background-color: #DCDCDC;
	}
	
	&__date {
		@include pos-a(null, null, bottom, right, 10rpx, 40rpx);
		@include txts(20rpx, #FFF1CA);
	}
	.no_use__date {
		color: $white_color;
	}
}